<template>
 <div>
     <van-divider
     :style="{ color: 'rgb(225, 53, 53)' }">
     今日特价
     </van-divider>
     <ul>
         <li v-for="item in 12" :key="item"> 
             <lazy-component>
            <van-card
            @touchstart="handleToInfo(item)"
            tag="特价"
            price="2.00"
            :lazy-load='true'
            desc="描述信息描述信息描述信息描述信息描述信息描述信息"  
            title="商品标题"
            thumb="https://img.yzcdn.cn/vant/t-thirt.jpg"
            origin-price="10.00"
            />
             <van-divider />
             </lazy-component>
         </li>
     </ul>  
 </div>
</template>
 
<script>
 
export default {
    name:'mainList',
   data() {
      return {
      }
   },
   methods: {
       handleToInfo(item) {
           console.log(item)
       }
   },
}
 
</script>
 
<style lang="stylus" scoped>
 .van-card__content
    text-align left
</style>
